<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<div class="u-my-course_box right-s-box">
<div class="u-my-course__wrap row u-my-course__list">
    <section th:if="${#lists.isEmpty(dataMap['list'])}" class="no-data__wrap">
        <span class="no-data-ico"></span>
        <p class="mt20"><span class="c-666">你还没有加入任何班级哦~~~</br>先去报名想学的课程,然后才能加入对应课程的班级</span></p>
        <p class="pt10">
            <a th:href="@{/web/classes/index}">
                <button type="button" class="btn btn-lg btn-info btn-rounded">
                    <small class="fs16">去班级首页看看</small>
                </button>
            </a>
        </p>
    </section>
    <div th:if="not ${#lists.isEmpty(dataMap['list'])}" th:each="clazz:${dataMap['list']}" class="col-sm-4 u-class-list">
        <section class="media u-course-item u-my-course-item">
            <div class="class-bCard-face"><!--href="javascript:void(0);"-->
                <a  th:href="@{/web/classes/info?id={id}(id=${clazz['id']})}" target="_blank" >
                    <img th:attr="data-original=${clazz['imageMap']['pcUrlMap']['small']}" width="62" height="62" class="lazy img-circle">
                </a>
            </div>
            <section class="ml5 pl10 mr10">
                <section class="hLh30 txtOf mt10 text-center"><a th:href="@{/web/classes/info?id={id}(id=${clazz['id']})}" target="_blank" class="fs14 c-333" th:title="${clazz['name']}" th:text="${clazz['name']}"></a></section>
                <section class="hLh20 txtOf mt10 text-center"><span class="fs12 c-999" th:text="${clazz['summary']}"></span></section>
                <section class="hLh20 txtOf mt10 text-center"><span class="fs12 c-999" th:text="${clazz['topicCount']}+'个话题 · '+${clazz['studentCount']}+'位同学'"></span></section>
                <section class="clearfix mt5 pt10 pb10 text-center">
                    <a th:href="@{/web/classes/info?id={id}(id=${clazz['id']})}" target="_blank" class="hLh30">
                        <button class="btn btn-sm u-btn" type="button">进入班级</button>
                    </a>
                </section>
            </section>
        </section>
    </div>
</div>
</div>
<div data-th-replace="layout/user/user-center-page"></div>